<template>
  <div fluid class="position-container">
    <page-title />
    <trusted-message class="trusted-component" />
    <trusted-list class="trusted-component" />
  </div>
</template>

<script lang="ts">
import PageTitle from '@/components/Global/PageTitle';
import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
import TrustedMessage from './TrustedMessage.vue';
import TrustedList from './TrustedList.vue';

export default {
  name: 'TrustedComputing',
  components: {
    // Alert,
    PageTitle,
    TrustedMessage,
    TrustedList,
  },
  mixins: [LoadingBarMixin],
  beforeRouteLeave(to: any, from: any, next: () => void) {
    this.hideLoader();
    next();
  },
  data() {
    return {};
  },
  computed: {},
};
</script>
<style scoped>
.trusted-component {
  margin-bottom: 30px;
}
</style>
